.myVip_box {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background-color: RGB(104, 196, 182);

    .myVip_ding {
        .header_box {
            background-color: RGB(104, 196, 182);
            color: rgb(251, 251, 251);
        }
    }

    .myVip_body {
        width: 100%;
        height: 91vh;
        overflow-y: auto;
        position: relative;

        .myVip_message {
            background-image: linear-gradient(to right, RGB(249, 228, 187), RGB(241, 198, 134));
            height: 80px;
            width: 80vw;
            border-radius: 4vw;
            overflow: hidden;
            position: absolute;
            left: calc(50vw - 40vw);
            top: calc(140px / 3);
            display: flex;
            // justify-content: space-between;
            line-height: 23px;

            >div {
                width: 40vw;
            }

            >div:first-child {
                margin: 20px 0 20px 20px;
            }

            >div:last-child {
                margin: 20px 0;
            }

            .myVip_messageleft {
                width: 60%;


            }

            // span {
            //     display: inline-block;
            //     width: 40%;
            //     overflow: hidden;
            //     // text-overflow: ellipsis;
            //     // display: -webkit-box;
            //     // -webkit-box-orient: vertical;
            //     -webkit-line-clamp: 1;
            // }

            .myVip_messageright {
                text-align: center;

                .myVip_messagerightDiv {
                    // width: 100%;
                    display: flex;

                }

                >span {
                    display: inline-block;
                }

                .myVip_balance {
                    // display: inline-block;
                    font-size: 24px;
                    font-weight: 600;
                    width: 70%;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    // display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 1;
                    float: right;
                }

            }
        }

        // {/* 快速充值 */}

        .myVip_recharge {
            background-color: #FFF;
            width: 95vw;
            margin: 0 auto;
            border-radius: 2vw;
            min-height: 200px;
            margin-top: 100px;

            .myVip_hint {
                padding-top: 35px;
            }

            .myVip_hintMessage {
                // background-color: aqua;
                text-align: center;
                color: RGB(104, 196, 182);
                display: flex;
                justify-content: space-evenly;
                width: 70vw;
                margin: 0 auto;
                height: 50px;
                line-height: 50px;

                .myVip_hinttitle {
                    width: 100px;
                }
            }

            .myVip_money {
                width: 80vw;
                margin: 0 auto;
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                text-align: center;

                >p {
                    font-size: 16px;
                    width: 24vw;
                    height: 9vw;
                    line-height: 9vw;
                    border: 1px solid RGB(104, 196, 182);
                    margin: 2vw 0;
                    border-radius: 8px;
                    position: relative;
                    overflow: hidden;

                    .icon-bianzu17 {
                        position: absolute;
                        right: 0;
                        bottom: -0.2vw;
                        width: 20px;
                        height: 20px;
                        text-align: center;
                        line-height: 20px;
                        font-size: 20px;
                    }
                }

                .myVip_active {
                    border: 1px solid RGB(230, 112, 11);
                    color: RGB(230, 112, 11);
                }

                .myVip_text {
                    outline: none;
                    width: 80vw;
                    border: 1px solid RGB(104, 196, 182);
                    height: 30px;
                    text-indent: 2em;
                    margin-top: 20px;
                    border-radius: 6px;
                    overflow: hidden;
                    font-size: 16px;
                }

                .myVip_textindex {
                    border: 1px solid RGB(230, 112, 11);
                    color: RGB(230, 112, 11);
                }

            }

            .myVip_moneytype {
                width: 80vw;
                margin: 0 auto;
                display: flex;
                justify-content: space-between;
                text-align: center;
                position: relative;

                >div {
                    width: 24vw;
                    height: 20vw;
                    margin: 2vw 0;
                    border: 1px solid RGB(104, 196, 182);
                    position: relative;
                    overflow: hidden;
                    border-radius: 10px;

                    p {
                        font-size: 45px;
                        color: RGB(23, 119, 252);
                        line-height: 10vw;
                        margin-top: 10px;
                    }

                    .icon-weixinicon2x {
                        color: RGB(72, 221, 40);
                    }

                    >div {
                        position: absolute;
                        bottom: 6px;
                        width: 100%;
                        text-align: center;

                    }
                }

                .myVip_active {
                    border: 1px solid RGB(230, 112, 11);

                    .icon-bianzu17 {
                        position: absolute;
                        right: 0;
                        bottom: 0;
                        width: 20px;
                        height: 20px;
                        text-align: center;
                        line-height: 20px;
                        font-size: 20px;
                        color: RGB(230, 112, 11);
                    }
                }

                .myVip_moneyhint {
                    position: absolute;
                    bottom: -22px;
                    text-indent: 1em;
                    color: #ccc;
                }

                .myVip_activetext {
                    color: RGB(230, 112, 11);
                }


            }

            .myVip_zhifubaohint {
                width: 80vw;
                margin: 3vw auto;
                font-size: 12px;
                color: #ccc;

                #checkbox {
                    vertical-align: text-bottom;
                }

            }

        }


    }

    .myVip_sub {
        position: fixed;
        bottom: 0;
        left: 0;
        height: 70px;
        background-color: RGB(104, 196, 182);
        width: 100vw;

        .sub {
            border: none;
            width: 95vw;
            height: 45px;
            margin: 10px 2.5vw;
            line-height: 45px;
            text-align: center;
            background-color: RGB(252, 224, 176);
            border-radius: 45px;
            font-size: 18px;
            color: RGB(142, 110, 66);
        }
    }

    .my_alert {
        background-color: rgba(142, 142, 142, 0.5);
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
}